<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <link rel="stylesheet" href="./css/blog.css"> -->
    <link rel="stylesheet" href="../index/css/index.css">
    <link rel="stylesheet" href="./css/contact.css">
    <title>contact</title>
</head>
<body>
    <div class="head">
        <div class="heads">
            <div class="head_top flex">
                <div class="tou_zuo1">
                    <img src="./img/a3.png" alt="">
                    <img src="./img/a4.png" alt="">
                    <img src="./img/a5.png" alt="">
                    <img src="./img/a6.png" alt="">
                    <img src="./img/a7.png" alt="">
                </div>
                <div class="tou_you1 flex">
                  <div class="xin">
                    <img src="./img/a1.png" alt=""><span class="email"> ContacUst@Gmail.com</span>
                  </div>
                  <div class="xin">
                    <img src="./img/a2.png" alt=""><span class="email"> 80 888887</span>
                  </div>
                </div>
            </div>
        </div>
        <div class="heads1">
            <div class="head_bottom flex">
                <div class="bott_zuo"><img src="./img/a.png" alt=""></div>
                <div class="bott_you">
                    <ul class="flex ul1">
                        <li><a href="index.html">HOME</a></li>
                        <li><a href="blog.html">BLOG</a></li>
                        <li><a href="about.html">ABOUT US</a></li>
                        <li><a href="contact.html">CONTACT</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 头结束 -->
    <!-- banner部分 -->
    <div class="banner">
        <div class="banner_main">
            <div class="banner_one">
                <p class="p1">SEE THE WORD DIFFERENTLY</p>
                <P>Request,design and book travel experiences as unique as you are</P>
            </div>
            <div class="banner_two">
                <input type="text" id="in1" placeholder="Where are you going?">
                <button><img src="./img/c8.png" alt=""> Search</button>
            </div>
            <div class="banner_three">
                <ul>
                    <li>TOP DESTINATION:</li>
                    <li>PARIS</li>
                    <li>NEW YORK</li>
                    <li>LONDON</li>
                    <li>ROME</li>
                    <li>SAN FRANGISCO</li>
                    <li>MORE...</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="four_4 ">
        <!-- 左 -->
        <div class="main flex_H">
            <div class="left_contact">
                <h1>Contact</h1>
                <h4>Enter your name:</h4>
                <p><input type="text"></p>
                <h4>Enter your Email:</h4>
                <p><input type="text"></p>
                <h4>Enter message here:</h4>
                <p><textarea name="" id="" cols="30" rows="10"></textarea></p>
                <div class="butn"><button>submit</button></div>
              </div>
              <!-- /左 -->
              <div class="intro1 flex_S">
                <!-- 1 -->
                <div class="intt">
                  <div class="p_th">
                    <img src="./img/c4.png" alt="" style="width:95%;border-radius: 10px;">
                  </div>
                  <div class="p_three1">
                    <p class="p13">Tags</p>
                    <div class="xian flex">
                      <div class="xian1">&nbsp;</div>
                      <div class="xian2"> &nbsp;</div>
                    </div>
                    <p class="p2">animates,apple,banner</p>
                    <p class="p2">home,animates,apple</p>
                    <p class="p2">hfinks,</p>
                  </div>
                </div>
                <!-- /1 -->
                <!-- 2 -->
                <div>
                  <div class="p_three1">
                    <p class="p13">Tags</p>
                    <div class="xian flex">
                      <div class="xian1">&nbsp;</div>
                      <div class="xian2"> &nbsp;</div>
                    </div>
                    <div class="img_ss">
                      <div class="img_s"><img src="./img/blog_03.png" alt=""></div>
                        <div class="p_s">
                          <p>home,animates,apple</p>
                          <p>home,animates,apple</p>
                          <p>home,animatesr</p>
                        </div>
                    </div>
                    <div class="img_ss">
                      <div class="img_s"><img src="./img/blog_03.png" alt=""></div>
                        <div class="p_s">
                          <p>home,animates,apple</p>
                          <p>home,animates,apple</p>
                          <p>home,animatesr</p>
                      </div>
                    </div>
                    <div class="img_ss">
                      <div class="img_s"><img src="./img/blog_03.png" alt=""></div>
                        <div class="p_s">
                          <p>home,animates,apple</p>
                          <p>home,animates,apple</p>
                          <p>home,animatesr</p>
                      </div>
                    </div>
                    <div class="img_ss">
                      <div class="img_s"><img src="./img/blog_03.png" alt=""></div>
                        <div class="p_s">
                          <p>home,animates,apple</p>
                          <p>home,animates,apple</p>
                          <p>home,animatesr</p>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- /2 -->
                <!-- 3 -->
                <div>
                  <div class="p_three1">
                    <p class="p13">Tags</p>
                    <div class="xian flex">
                      <div class="xian1">&nbsp;</div>
                      <div class="xian2"> &nbsp;</div>
                    </div>
                    <select name="da" id="" >
                      <option value="">Select Month</option>
                      <option value="">Select Month1</option>
                      <option value="">Select Month2</option>
                    </select>
                  </div>
                </div>
                <!-- /3 -->
                <!-- 4 -->
                  <div class="gallery">
                    <h2>Gallery</h2>
                    <div class="xian flex">
                        <div class="xian1">&nbsp;</div>
                        <div class="xian2"> &nbsp;</div>
                    </div>
                    <div class="jiu">
                        <div class="flex jiugongge">
                          <div><img src="./img/c2 .png" alt="" height="70px"></div>
                          <div><img src="./img/c2 .png" alt="" height="70px"></div>
                          <div><img src="./img/c2 .png" alt="" height="70px"></div>
                        </div>
                        <div class="flex jiugongge">
                          <div><img src="./img/c2 .png" alt="" height="70px"></div>
                          <div><img src="./img/c2 .png" alt="" height="70px"></div>
                          <div><img src="./img/c2 .png" alt="" height="70px"></div>
                            
                        </div>
                        <div class="flex jiugongge">
                          <div><img src="./img/c2 .png" alt="" height="70px"></div>
                          <div><img src="./img/c2 .png" alt="" height="70px"></div>
                          <div><img src="./img/c2 .png" alt="" height="70px"></div>
                        </div>
                    </div>
                </div>
                <!-- /4 -->
                <!-- 5 -->
                <div class="p_three1">
                  <p class="p13">Tags</p>
                  <div class="xian flex">
                    <div class="xian1">&nbsp;</div>
                    <div class="xian2"> &nbsp;</div>
                  </div>
                  <ul>
                    <li>> May 2015</li>
                    <li>> May 2015</li>
                    <li>> May 2015</li>
                    <li>> May 2015</li>
      
                  </ul>
                </div>
                <!-- /5 -->
              </div>
              <!-- intro1 -->
            </div>
      <div class="foot">
        <!-- 100 -->
        <div class="foot_top">
            <!-- 80 -->
            <div class="ftop_main flex">
                <div class="ftm_box1">
                    <div class="logo_zi">z<span class="span1">Vossen</span>
                        <p>Travel and Tours</p>
                    </div>
                    <div class="p9">
                        <p>Nam libero tempore,cum soluta nobis est eligendi optio cumque quod maxime placeat cum soluta nobis facere possimus nihil impedit quo minus id quod maxime placeat facere possimus.est eligendi optio cumque </p>
                        <p>facere possimus nihil impedit quo minusid quod maxime placeat facere possimus.</p>
                    </div>

                </div>
                <div class="ftm_box2">
                    <h2>News Letter</h2>
                    <div class="xian flex">
                        <div class="xian3">&nbsp;</div>
                        <div class="xian4"> &nbsp;</div>
                    </div>
                    <p class="p10">facere possimus nihil impedit quo minus id quod maxime placeat facere possimus. est eligendi</p>
                    <input type="text" id="inp2" placeholder="Enter your email address...">
                    <button class="but2">SUBCRIBE NOW</button>
                </div>
                <div class="ftm_box3">
                    <h2>News Letter</h2>
                    <div class="xian flex">
                        <div class="xian3">&nbsp;</div>
                        <div class="xian4"> &nbsp;</div>
                    </div>
                    <div class="four_img flex">
                      <div class="img2"><img src="./img/c2 .png" alt=""></div>
                      <div class="img2"><img src="./img/c2 .png" alt=""></div>
                      <div class="img2"><img src="./img/c2 .png" alt=""></div>
                      <div class="img2"><img src="./img/c2 .png" alt=""></div>
                  </div>
                </div>
            </div>
        </div>
        <div class="foot_bot">
            <div class="fbot_main">
                Copyright 2015.Company name All rights reserved.
            </div>
        </div>
    </div>
</body>
</html>